<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的</title>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/my.css"/>
		<script type="text/javascript" src="js/mui.min.js"></script>
		
	</head>
	<body>
		<header class="mui-bar mui-bar-nav header-one">
		    <h1 class="mui-title">我的</h1>
		</header>
		<ul class="mui-table-view melist-one">
		    <li class="mui-table-view-cell mui-media">
		        <a href="javascript:;" class="mui-navigate-right" id="xiugai">
		            <img class="mui-media-object mui-pull-left" src="images/touxinag.jpg">
		            <div class="mui-media-body">
		               	加班族
		                <p class="mui-ellipsis">面朝大海，春暖花开</p>
		            </div>
		        </a>
		    </li>
		</ul>
		<ul class="mui-table-view mui-table-view-chevron melist-two">
				<li class="mui-table-view-cell mui-media qianbao">
					<a class="mui-navigate-right" id="qianbao">
						<img class="mui-media-object mui-pull-left" src="images/qian.jpg">
		            <div class="mui-media-body zhongjians">
		              	  钱包   
		            </div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media gongzitiao">
					<a class='mui-navigate-right' href="javascript:;" id="gongzitiao">
						<img class="mui-media-object mui-pull-left" src="images/cailiao.jpg">
						<div class="mui-media-body zhongjians">
							拍工资条
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media yijian">
					<a class="mui-navigate-right" id="yijian">
						<img class="mui-media-object mui-pull-left" src="images/user-photo.png">
						<div class="mui-media-body zhongjians">
							意见反馈
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media shezhi">
					<a class="mui-navigate-right" id="shezhi">
						<img class="mui-media-object mui-pull-left" src="images/shezhi.jpg">
						<div class="mui-media-body zhongjians">
							设置
						</div>
					</a>
				</li>
			</ul>
	</body>
	<script type="text/javascript">
		mui.init()
			mui(".melist-one").on('tap','#xiugai',function(){
			var aValue = this.innerHTML;
			mui.openWindow({
				url:"geren.html",
				id:"geren.html",
				styles:{},
				extras:{
					newli:aValue
				}
			})
			})
			
			mui(".qianbao").on('tap','#qianbao',function(){
				mui.openWindow({
					url:"qianbao.html",
					id:"qianbao.html"
				})
			})
			
			mui(".shezhi").on('tap','#shezhi',function(){
				mui.openWindow({
					url:"shezhi.html",
					id:"shezhi.html"
				})
			})
			
			mui(".gongzitiao").on('tap','#gongzitiao',function(){
				mui.openWindow({
					url:"gongzitiao.html",
					id:"gongzitiao.html"
				})
			})
			
			mui(".yijian").on('tap','#yijian',function(){
				mui.openWindow({
					url:"yijian.html",
					id:"yijian.html"
				})
			})
	</script>
</html>
